<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <!--IE 6.7.8的兼容处理-->
    <!--[if lt IE 9]>
    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="favicon.ico"/> <!--引入网站图标-->
    <link rel="stylesheet" href="less/font-awesome.css"/><!--引入字体图标-->
    <link rel="stylesheet" href="less/base.css"/> <!--引入公共样式文件-->
    <link rel="stylesheet" type="text/less" href="less/detail.less"/>
    <link rel="stylesheet" href="less/detail.css"/>
    <style>
        div.time{
            float: right;
        }
    </style>
    <title></title>
</head>
<body>
<!--商品详情页-->
<div class="smc_detail">
    <header class="smc_detail_header" >
        <span class="fa fa-angle-left"></span>
        <h3>国内折扣</h3>
        <span class="fa fa-download"></span>
    </header>
    <!--商品详情展示区域-->
    <section class="smc_detail_goods">

    </section>

    <!--商品评论区域-->
    <div class="smc_detail_comments">

    </div>

    <!--底部-->
    <footer class="smc_detail_foot">
        <div class="smc_detail_info clearfix">
            <ul>
                <li><a href="javascript:;">登陆</a></li>
                <li><a href="javascript:;">注册</a></li>
                <li class="smc_detail_return"><a href="javascript:;">返回顶部</a></li>
            </ul>
        </div>
        <div class="smc_detail_app">
            <p><span>手机app下载</span>&nbsp;<span>慢慢买手机版</span>&nbsp;<span>---掌上比价平台</span></p>
            <p><a href="">mmanmanbuy.com</a></p>
        </div>
        <div class="smc_detail_returnArrow ">
            <span class="fa fa-arrow-up"></span>
        </div>
    </footer>
</div>
<!--商品详情展示区域ajax请求art模板-->
<script type="text/html" id="detail_art">
    <div class="detail_title">
         <h5>{{result[0].productName}}</h5>
         <p><span>{{result[0].productFrom}}</span>&nbsp;<span>{{result[0].productTime}}</span> &nbsp;<span>{{result[0].productTips}}</span></p>
    </div>
    <div class="detail_content">
        <div class="des">
            {{#result[0].productImgSm}}
            {{result[0].productInfo}}
        </div>
        <div class="showPic">
            <p>{{result[0].productInfo1}}</p>
            {{#result[0].productImgLg}}
        </div>
        {{#result[0].productCity}}
    </div>
</script>
<!--商品评论区域 模板引擎-->
<script id="smc_detail_comments_art" type="text/html">
{{if result}}
    {{#result[0].productComment}}
{{/if}}

</script>
<!--<script src="js/jquery.min.js"></script>-->
<script src="js/url.js"></script>
<script src="lib/zepto/zepto.min.js"></script>
<script src="lib/zepto/fx.js"></script>
<script src="lib/zepto/selector.js"></script>
<!--<script src="lib/zepto/touch.js"></script>-->
<!--<script src="lib/zepto/swipe.js"></script>-->
<!--引入artTemplate-->
<script src="js/template.js"></script>
<!--引入flexble布局插件-->
<script src="js/flexible.js"></script>
<script src="js/detail.js"></script>
</body>
</html>